* {
    margin: 0;
    padding: 0;
}

body {
    color: #000;
    font: 14px/2 'Hiragino Sans GB', 'Microsoft Yahei', 微软雅黑, 'STHeiti', Arial, 黑体, 宋体, Tahoma, Helvetica;
    word-break: break-all;
    max-width: 1920px;
    margin: 0 auto;
    min-width: 1200px;
}

#vs_logo{
    width: auto;
    height: 50%;
    image-rendering:crisp-edges;
}

em {
    font-style: normal;
    font-weight: bold;
}

i {
    font-style: normal;
}

li {
    vertical-align: middle;
}

ul, ol {
    list-style: none;
}

li {
    vertical-align: middle;
}

.textLeft {
    text-align: left;
}

.textRight {
    text-align: right;
}

.textCenter {
    text-align: center;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.clearBoth {
    clear: both;
}

/*==for IE6/7 Maxthon2 asa==*/

.clearFloat:after {
    display: block;
    clear: both;
    content: "";
    height: 0;
    visibility: hidden;
}

.clearFloat {
    zoom: 1;
}

.textEllipsis {
    overflow: hidden; /*超出的部分隐藏起来。*/
    white-space: nowrap; /*不显示的地方用省略号...代替*/
    text-overflow: ellipsis; /* 支持 IE */
}

.textEllipsis_two {
    word-break: break-all;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2; /* 这里是超出几行省略 */

    overflow: hidden;
}

.cursorP {
    cursor: pointer;
}

.displayNone {
    display: none;
}

.displayB {
    display: block;
}

.displayIB {
    display: inline-block;
}

.full {
    width: 100%;
    height: 100%;
}

img {
    border: 0;
    vertical-align: middle;
}

a {
    background: transparent;
    text-decoration: none;
    color: #666;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
}

input, button, select, textarea, a {
    outline: none;
}

.cer {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

.footnav{
    display:flex;
}


    .menu-parent-active {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        box-shadow: 0 0 10px 0 #ccc;
        transition: .3s;
        background: #ffffff;
        z-index: 9;
    }
    .opacityHeader.menu-parent-active{
        background: transparent;
        box-shadow: none;
    }

    .menu-parent {
        position: unset;
        display: flex;
        text-align: center;
        height: 84px;
        line-height: 84px;
        width: 1200px;
        /*padding-left: 280px;*/
        justify-content: center;
        margin: 0 auto;
        align-items: center;
    }

    #vs_logo{
        width: 180px;
        height: 80px;
        margin-right: 100px;
    }

    .menu-parent .navRow {
        /*position: relative;*/
        display: flex;
        box-sizing: border-box;
        height: 100%;
        justify-content: flex-start;
        font-size: 15px;
        color: #fff;
    }
    .menu-parent .navRow > li {
        /*position: relative;*/
        float: left;
        height: 100%;
        box-sizing: border-box;
        padding: 0 16px;
        cursor: pointer;
    }
    .menu-parent .navRow > li > p {
        position: relative;
        height: 100%;
        box-sizing: border-box;
        border: none;
        color:#394149;
    }
    .opacityHeader .menu-parent .navRow > li > p ,.opacityHeader .menu-parent .navRow > li > p>a {
        position: relative;
        color:#fff;
    }
    .menu-parent .navRow > li > p.active a{
        color: #0082BE;
    }
    .menu-parent li p:hover a{
        color: #0082BE!important;
    }

    .menu-parent li p:hover+.menu-child
    {
        display: block;
    }

    .menu-child {
        position: absolute;
        left: 0;
        top:70px;
        /*transform: translateX(-50%);*/
        /*line-height: 36px;*/
        background: rgba(0, 130, 190, 1);
        text-align: center;
        width: 100%;
        display: none;
        height: 54px;
        line-height: 54px;
        overflow: hidden;
    }
    .menu-parent li p:before{
        content: " ";
        position: absolute;
        bottom: 14px;
        left: 50%;
        float:left;
        width:0;
        height:0;
        border-width:8px;
        border-style:solid;
        border-color:transparent #E5EEF6 transparent transparent;
        transform:translateX(-50%) rotate(90deg);/*顺时针旋转90°*/
        display: none;
    }
    .menu-child:hover{
        display: block;
    }
    .navRow>li:hover>p>a{
        color: #0082BE!important;
    }
    .navRow .haveChildMenu:hover>p:before{
        display: block;
    }
    .menu-child a{
        height: 54px;
        box-sizing: border-box;
        cursor: pointer;
        color: #fff;
        font-size: 14px;
        padding: 20px 18px;
        text-align: center;
        margin: 0 auto;
    }
    .menu-child a:hover{
        color: #0082BE;
        background: #fff;
    }

    .active{
        color: #0082BE;
    }



    .footer {
        width: 100%;
        background-color: #252735;
        clear: both;
        border-top: 60px solid #F5F5F5;
    }

    .footerin {
        overflow: hidden;
        padding: 60px 0 0;
        position: relative;
    }

    .footnav {
        overflow: hidden;
        padding-bottom: 60px;
    }

    .footnav li {
        float: left;
        padding-right: 84px;
        position: relative;
        color: #FFFFFF;
    }

    /*.footnav li a.ftmore {*/
    /*    display: block;*/
    /*    color: #039be3;*/
    /*    line-height: 30px;*/
    /*    text-decoration: underline;*/
    /*    position: absolute;*/
    /*    height: 30px;*/
    /*    bottom: 0;*/
    /*    left: 0;*/
    /*    width: 100%;*/
    /*    z-index: 1;*/
    /*    background-color: #f5f5f5;*/
    /*}*/

    .footnav li dt {
        line-height: 20px;
        color: #DFDFDF;
        font-weight: bold;
        margin-bottom: 10px;
        font-size: 14px;
        word-break: keep-all;
    }

    .footnav li dd {
        line-height: 34px;
        color: #A4A5B1;
        font-size: 12px;
        word-break: keep-all;
    }
    .footnav li dd a{
        color: #A4A5B1!important;
    }

    .footnav li dt a {
        color: #DFDFDF!important;
    }

    /*右边样式*/

    .footinfo {
        position: relative;
        width: 470px;
        height: 290px;
        padding: 30px;
        background-color: #323547;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        color: #A4A5B1;
        box-sizing: border-box;
    }
    .footinfo .hotline {
        height: 30px;
        font-size: 14px;
        color: #dfdfdf;
        line-height: 30px;
    }

    .footinfo .hotline span {
        font-size: 24px;
        color: #008dc5;
    }

    .footinfo .shoptime {
        width: 300px;
        height: 32px;
        background-color: #0082BE;
        margin-top: 9px;
        font-size: 14px;
        color: #fff;
        line-height: 32px;
        text-align: center;
    }

    .footinfo .contactType {
        font-size: 14px;
        line-height: 24px;
        margin-top: 24px;
    }
    .footinfo .contactType.reporting{
        margin-top: 3px;
    }
    .footinfo .contactType.address{
        margin-top: 10px;
    }
    .footinfo .contactType span{
        font-weight: normal;
    }

    .footinfo .newMedia {
        margin-top: 22px;
    }
    .footinfo .newMedia .iconBox{
        flex-shrink: 0;
        margin-right: 30px;
    }
    .footinfo .newMedia .iconBox a img{
        height: 20px;
    }

    .footinfo .newMedia .iconBox .bigewm {
        position: absolute;
        width: 100px;
        height: 100px;
        top: -110px;
        left: 100%;
        z-index: 1;
        margin-left: -30px;
        display: none;
    }

    .footer .friendLink{
        border-top: 1px solid #323547;
        font-weight: normal;
        font-size: 12px;
        padding: 16px 0;
    }
    .footer .friendLink .friendLinkTitle{
        color: #DFDFDF;
        font-size: 14px;
        font-weight: bold;
        margin-right: 20px;
    }
    .footer .friendLink a{
        margin-right: 30px;
        color: #A4A5B1;
    }

    .footer .icpRow{
        border-top: 1px solid #323547;
        color: #A4A5B1;
        font-weight: normal;
        font-size: 12px;
        padding: 16px 0;
        text-align: center;
    }
    .footer .icpRow a{
        color: #A4A5B1;
        margin-left: 26px;
    }

    .delay02 {
        transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        -webkit-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
    }

    .hasani {
        transition-duration: 1s;
        -moz-transition-duration: 1s;
        -webkit-transition-duration: 1s;
        -o-transition-duration: 1s;
    }

    input, button, select, textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
    }

    .h {
        height: 100%;
    }

    .ov {
        overflow: hidden;
    }

.flex{
    display: flex;
}

.flex-1 {
  flex:1;
}
.flex-c {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-v {
  display: flex;
  flex-direction: column;
}
.flex-v-c {
  display: flex;
  align-items: center;
}
.flex-v-s{
  display: flex;
  align-items: flex-start;
}
.flex-j-b {
  display: flex;
  justify-content: space-between;
}
.flex-a-c {
  display: flex;
  align-items: center;
}
.flex-j-c {
  justify-content: center;
}
.flex-j-e {
  justify-content: flex-end;
}
.flex-s-s {
  align-self: flex-start;
}
.flex-s-e {
  align-self: flex-end;
}
.flex-s-c {
  align-self: center;
}
.flex-s-0{
    flex-shrink: 0;
}